﻿<phone:PhoneApplicationPage
    x:Class="DnD.MapPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:map="clr-namespace:Microsoft.Phone.Maps.Controls;assembly=Microsoft.Phone.Maps"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Landscape" Orientation="Landscape"
    mc:Ignorable="d"
    shell:SystemTray.IsVisible="False"
    Style="{StaticResource TransitionPageStyle}">

    <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar Mode="Minimized" Opacity="0.5" IsMenuEnabled="False" IsVisible="True">
            <shell:ApplicationBarIconButton Click="AppBar_Click" IconUri="/Assets/Icons/add.png" Text="add" />
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>-->


        <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel Grid.Row="0" >
            <TextBlock Text="GAME MAP" Style="{StaticResource PhoneTextNormalStyle}"/>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Border Grid.Row="1" BorderThickness="5" BorderBrush="{StaticResource BorderColor}" Background="{StaticResource BackgroundColor}" Margin="5,5,5,5" >
            <Grid Background="Transparent">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="80"/>
                </Grid.ColumnDefinitions>
                <map:Map Name="mapGps"  Grid.Column="0" CartographicMode="Hybrid" ColorMode="Light" ZoomLevel="{Binding ZoomLevel}"  Margin="5,5,5,5">

                </map:Map>
                <Grid Grid.Column="1">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="280"/>
                        <RowDefinition />
                    </Grid.RowDefinitions>
                    <Button Grid.Row="0"   Command="{Binding CaptureCommand}"  HorizontalAlignment="Center"   VerticalAlignment="Top" Height="270" Width="80" Background="{StaticResource BorderColor}"  >
                        <TextBlock TextWrapping="Wrap" Text="Capture" Margin="5,0,5,0" HorizontalAlignment="Center"/>
                    </Button>
                    
                    <StackPanel Grid.Row="1" VerticalAlignment="Bottom" >
                    <Button Command="{Binding ZoomInCommand}" Content="+" HorizontalAlignment="Center"   VerticalAlignment="Center" Height="80" Width="80"  Grid.Row="3" Background="{StaticResource BorderColor}"></Button>
                    <Button Command="{Binding ZoomOutCommand}" Content="-" HorizontalAlignment="Center"   VerticalAlignment="Center" Height="80" Width="80" Grid.Row="3" Background="{StaticResource BorderColor}"></Button>

                </StackPanel>
                </Grid>
            </Grid>
        </Border>
    </Grid>

</phone:PhoneApplicationPage>